<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <details>
        <summary>
            <h1>张三</h1>
        </summary>
        江西南昌人
    </details>

    正在进行中<progress></progress>
    <br>
    完成百分之30<progress max="100" value="30"></progress>
    <br>
    
    电量充足：<meter min="0" max="100" low="10" high="80" value="95" optimum="100"></meter>

    <br>
    省电模式：<meter min="0" max="100" low="10" high="80" value="60" optimum="100"></meter>

    <br>
    低电模式：<meter min="0" max="100" low="10" high="80" value="10" optimum="100"></meter>
    <br>
    <mark>
        网页课
        网页课
    </mark>
    <br>
    <cite>——陋室铭</cite>

    <img src="./素材/baidu.png" draggable="true" >

    <ul contenteditable="true">
        <li>C++</li>
        <li>Python</li>
        <li>Java</li>
        <li>Web</li>

    </ul>


</body>
</html>